<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link type="text/css" rel="stylesheet" href="style/style.css" />
<link rel="stylesheet" type="text/css" href="style/style1.css">
<link type="text/css" rel="stylesheet" href="style/customs.css" />
<link type="text/css" rel="stylesheet" href="style/jquery.fancybox-1.3.4.css" />
<link type="text/css" rel="stylesheet" href="style/jquery-ui-1.7.3.custom.css" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.3.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.fancybox-1.3.4.js"></script>
<script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.leanModal.min.js"></script>
  <script>
  $(document).ready(function() {
 	 var buttons = { previous:$('#lofslidecontent45 .lof-previous') ,
						next:$('#lofslidecontent45 .lof-next') };
						
		$obj = $('#lofslidecontent45').lofJSidernews( { interval : 4000,
												direction		: 'opacitys',	
											 	easing			: 'easeInOutExpo',
												duration		: 1200,
												auto		 	: true,
												maxItemDisplay  : 4,
												navPosition     : 'horizontal', // horizontal
												navigatorHeight : 32,
												navigatorWidth  : 80,
												mainWidth:950,
												buttons			: buttons} );
	$('.tabcontent').hide();
		$('div.active').show();
		$('a.tab').click(function(){
		
			$('.tabcontent').hide();
			$('.active').removeClass('active');
			$(this).addClass('active');
			var varshow=$(this).attr("title");
			$("."+varshow).show();
			return false;
		});	
    //$("#tabs").tabs();
	$("a#fancy").fancybox({
				'overlayShow'	: false,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic'
			});
			$("#dangnhap").leanModal();
  });
  </script>
</head>
<body>
<div id="waraper">
<div id="header">
	<div id="top-header">
				<div id="banner">
					<img src="images/design/logo.gif" />
				</div>
				<div class="top-nav">
						<div class="login"><a id="dangnhap" href="#signup" name="signup">Đăng nhập</a> |<a href="/dang-ki-tai-khoan.html">Đăng kí</a> </div>
						<div id="boxdangnhap"></div>
						<div class="cart">Giỏ hàng <img src="images/design/gio-hang.png" /> <a title="Xem sản phẩm đã chọn" href="/mua-hang/xem-gio-hang.html">0 sản phẩm</a></div>
						
					</ul>
				</div>
	</div>
	<div id="nav">
		<div class="main-menu">
		
			<ul>
				<li class="active"><a href="layout.html">Trang chủ</a></li>
				<li><a href="#">Giới thiệu</a></li>
				<li><a href="#">Sản phẩm</a></li>
				<li><a href="#">Tin tức</a></li>
				<li><a href="#">Liên hệ</a></li>
				
			</ul>
		</div>
	</div>
</div>
<div id="slide">
	<div id="lofslidecontent45" class="lof-slidecontent" style="width:947px; height:330px;">
<div class="preload"><div></div></div>
 <!-- MAIN CONTENT --> 
  <div class="lof-main-outer" style="width:947px; height:330px;">
  	<ul class="lof-main-wapper">
  		<li>
        		<img src="images/slide/thumbl_980x340.png" title="Newsflash 2" >           
                 <div class="lof-main-item-desc">
               
				<h2>Content of Newsflash 1</h2>
                <p>The one thing about a Web site, it always changes! Joomla! makes it easy to add Articles, content,...
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li> 
       <li>
       	  <img src="images/slide/thumbl_980x340_002.png" title="Newsflash 1" >           
          	 <div class="lof-main-item-desc">
                
                <h2>Content of Newsflash 2</h2>
                <p>Joomla! makes it easy to launch a Web site of any kind. Whether you want a brochure site or you are...
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li> 
       <li>
       	  <img src="images/slide/thumbl_980x340_003.png" title="Newsflash 3" >            
          	<div class="lof-main-item-desc">
                <h2>Content of Newsflash 3</h2>
                <p>With a library of thousands of free Extensions, you can add what you need as your site grows. Don't...
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li> 
        <li>

       	  <img src="images/slide/thumbl_980x340_004.png" title="Newsflash 5" >            
          	<div class="lof-main-item-desc">
                <h2>Content of Newsflash 4</h2>
                <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li> 
        
        <li>

       	  <img src="images/slide/thumbl_980x340_005.png" title="Newsflash 5" >            
          	<div class="lof-main-item-desc">
               <h2>Content of Newsflash 5</h2>
                <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li> 
        <li>

       	  <img src="images/slide/thumbl_980x340_006.png" title="Newsflash 5" >            
          	<div class="lof-main-item-desc">
               
                <h2>Content of Newsflash 6</h2>
                <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li> 
         <li>
       	  <img src="images/slide/thumbl_980x340_007.png" title="Newsflash 5" >            
          	<div class="lof-main-item-desc">
               
                <h2>Content of Newsflash 7</h2>
                <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li> 
          <li>
       	  <img src="images/slide/thumbl_980x340_008.png" title="Newsflash 8" >            
          	<div class="lof-main-item-desc">
                <h2>Content of Newsflash 8</h2>
                <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                	<a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li> 
      </ul>  	
  </div>
  <!-- END MAIN CONTENT --> 
    <!-- NAVIGATOR -->
<div class="lof-navigator-wapper">

        <div onclick="return false" href="" class="lof-next">Next</div>
      <div class="lof-navigator-outer">
            <ul class="lof-navigator">
               <li><img src="images/thumbs/thumbl_980x340.png" /></li>
               <li><img src="images/thumbs/thumbl_980x340_002.png" /></li>
               <li><img src="images/thumbs/thumbl_980x340_003.png" /></li>
               <li><img src="images/thumbs/thumbl_980x340_004.png" /></li>    
               <li><img src="images/thumbs/thumbl_980x340_005.png" /></li>
               <li><img src="images/thumbs/thumbl_980x340_006.png" /></li>       
               <li><img src="images/thumbs/thumbl_980x340_007.png" /></li>       
               <li><img src="images/thumbs/thumbl_980x340_008.png" /></li>       		
            </ul>
      </div>
        <div onclick="return false" href="" class="lof-previous">Previous</div>
 </div> 
  <!----------------- --------------------->
 </div>
</div>
<div id="main">
	<div id="left">
			<div class="block-category">
				<div class="block-header">Danh mục</div>
				<div class="block-content">
					<ul>
						<li> <a href="#">Nokia</a></li>
						<li> <a href="#">Samsung</a></li>
						<li> <a href="#">Motorola</a></li>
						<li> <a href="#">Iphone</a></li>
						<li> <a href="#">Lg</a></li>
						<li> <a href="#">Q-mobil</a></li>
						<li> <a href="#">Cayon</a></li>
						<li> <a href="#">Sonyericsion</a></li>
						<li> <a href="#">Philip</a></li>
						<li> <a href="#">Vertu</a></li>
						<li> <a href="#">Touch</a></li>					
					</ul>				
				</div>
			</div>	
			<div class="block-sp">
				<div class="block-header">Sản phẩm nổi bật</div>
				<div class="block-content-sp">
					<img src="images/product/iphone45.jpg" />
					<div class="name-product"><a href="#">iphone 32 Gb black</a></div>
					<div class="price-product">32,000,000 Vnđ</div>
									
				</div>
			</div>
			<div class="block-hotro">
				<div class="block-header">Hỗ trợ</div>
				<ul>
					<li><a href="ymsgr:sendIM?tuan_daklak88&amp;m=Toi muon nhan ho tro tu nguoi phu trach">
					<img border="0" src="http://opi.yahoo.com/online?u=tuan_daklak88&amp;m=g&amp;t=11"></a>
					<div><a href="ymsgr:sendIM?tuan_daklak88&amp;m=Toi muon nhan ho tro tu nguoi phu trach">Kinh doanh</a><br>01696943457</div>
					</li>
					<li><a href="ymsgr:sendIM?tuan_daklak88&amp;m=Toi muon nhan ho tro tu nguoi phu trach">
					<img border="0" src="http://opi.yahoo.com/online?u=tuan_daklak88&amp;m=g&amp;t=11"></a>
					<div><a href="ymsgr:sendIM?tuan_daklak88&amp;m=Toi muon nhan ho tro tu nguoi phu trach">Kinh doanh</a><br>01696943457</div>
					</li>
					<li><a href="ymsgr:sendIM?tuan_daklak88&amp;m=Toi muon nhan ho tro tu nguoi phu trach">
					<img border="0" src="http://opi.yahoo.com/online?u=tuan_daklak88&amp;m=g&amp;t=11"></a>
					<div><a href="ymsgr:sendIM?tuan_daklak88&amp;m=Toi muon nhan ho tro tu nguoi phu trach">Kinh doanh</a><br>01696943457</div>
					</li>
				</ul>
			</div>
		</div>	
		<div id="content">
			<div class="sp-noibat">
				<div class="block-header">Chi tiết sản phẩm</div>
				<div id="tag">
					<a href="" style="text-decoration:underline">Trang chủ</a> » <a href=""> Sản phẩm</a> » <a href="">Điện thoại </a> » <a href=""> Iphone</a>
				</div>
				<div class="content-products">
				<div item-content>
					<div class="product-description">
						<div class="product-image">
							<a  id="fancy" href="images/product/iphone 4.jpg"><img  alt="fancy" src="images/product/iphone 4.jpg" /></a>
						</div>
						<div  class="product-summary">
							<h1> Iphone 3gs 32 Gh</h1>
							<ul>
								<li>Hãng sản xuất: iphone</li>
								<li>Bảo hành 12 tháng</li>
								<li>Hàng chính hãng</li>
								<li>Tình trạng: còn hàng</li>
								<li>Phụ kiện đi kèm: Tai nghe, pin, sách hướng dẫn</li>
								<li>Giá bán:<span style="font-size:15px; color:#FF0000; font-weight:bold"> 15.000.000 vnđ</span>
							</ul>
								
						</div>
						<div class="button-cart">
							<button class="btn btn-small">Mua hàng</button>
						</div>
						<div class="product-detail">
							
							<div id="tabs_table">
		<ul class="tabs">
			<li><a href="#" class="tab active" title="tabchitiet" >Thông tin chi tiết</a></li>
			<li><a href="#" class="tab" title="tabsanpham" >sản phẩm cùng loại</a></li>
			<li><a href="#" class="tab" title="tabcomment" >ý kiến về sản phẩm</a></li>
		</ul>
		<div class="tabchitiet tabcontent active">
			<table border="0" cellspacing="0" cellpadding="0" width="100%">
			<tbody><tr><td style="padding-top:5px;"><table style="BORDER-COLLAPSE: collapse" border="1" bordercolor="#c0c0c0" cellspacing="1" width="100%">
				<tbody>
				<tr bgcolor="#f8f8f8">
				<td class="cell" rowspan="2" width="80"><br></td>
				<td class="cell" width="115">Mạng</td>
				<td class="cell" width="251">GSM 900 / 1800</td></tr>
				<tr bgcolor="#f8f8f8">
				<td class="cell" width="115">Ra mắt</td>
				<td class="cell" width="251">Quý 1 năm 2010</td></tr>
				<tr bgcolor="#f8f8f8">
				<td class="cell" rowspan="2" width="80"><b>&nbsp;Kích thước</b></td>
				<td class="cell" width="115">Kích thước</td>
				<td class="cell" width="251">107.2 x 45.1 x 15.3 mm, 62.3 cc</td></tr>
				<tr bgcolor="#f8f8f8">
				<td class="cell" width="115">Trọng lượng</td>
				<td class="cell" width="251">81.9 g</td></tr>
				<tr bgcolor="#f8f8f8">
				<td class="cell" rowspan="3" width="80"><b>&nbsp;Hiển thị</b></td>
				<td class="cell" idth="115">Loại</td>
				<td class="cell" width="251">Màn hình mono</td></tr>
				<tr bgcolor="#f8f8f8">
				<td class="cell" width="115">Kích cở</td>
				<td class="cell" width="251">96 x 68 pixels, 1.36 inches</td></tr>
				<tr bgcolor="#f8f8f8">
				<td class="cell" width="115">&nbsp;</td>
				<td class="cell" width="251"><br></td></tr>
				<tr bgcolor="#f8f8f8">
				<td class="cell" rowspan="4" width="80"><b>&nbsp;Tùy chọn</b></td>
				<td class="cell" width="115">Kiểu chuông</td>
				<td class="cell" width="251">Nhạc chuông đa âm sắc, MP3</td></tr>
				<tr bgcolor="#f8f8f8">
				<td class="cell" width="115">Rung</td>
				<td class="cell" width="251">Có</td></tr>
				<tr bgcolor="#f8f8f8">
				<td class="cell" width="115">Ngôn ngữ</td>
				<td class="cell" width="251">Có tiếng Việt</td></tr>
				<tr bgcolor="#f8f8f8">
				<td class="cell" width="115">&nbsp;</td>
				<td class="cell" width="251"><br></td></tr>
				<tr bgcolor="#f8f8f8">
				<td class="cell" rowspan="5" width="80"><b>&nbsp;Bộ nhớ</b></td>
				<td class="cell" width="115">Lưu trong máy</td>
				<td class="cell" width="251">500 mục</td></tr>
				<tr bgcolor="#f8f8f8">
				<td class="cell" width="115">Các số đã gọi</td>
				<td class="cell" width="251">20</td></tr>
				<tr bgcolor="#f8f8f8">
				<td class="cell" width="115">Cuộc gọi đã nhận</td>
				<td class="cell" width="251">20</td></tr>
				<tr bgcolor="#f8f8f8">
				<td class="cell" width="115">Cuộc gọi nhỡ</td>
				<td class="cell" width="251">20</td></tr>
				<tr bgcolor="#f8f8f8">
				<td class="cell" width="115">&nbsp;</td>
				<td class="cell" width="251"><br></td></tr>
				<tr bgcolor="#f8f8f8">
				<td class="cell" rowspan="9" width="80"><b>&nbsp; Đặc điểm</b></td>
				<td class="cell" width="115">Tin nhắn</td>
				<td class="cell" width="251">SMS</td></tr>
				<tr bgcolor="#f8f8f8">
				<td class="cell" width="115">Đồng hồ</td>
				<td class="cell" width="251">Có</td></tr>
				<tr bgcolor="#f8f8f8">
				<td class="cell" width="115">Báo thức</td>
				<td class="cell" width="251">Có</td></tr>
				<tr bgcolor="#f8f8f8">
				<td class="cell" width="115">Dữ liệu</td>
				<td class="cell" width="251">Không</td></tr>
				<tr bgcolor="#f8f8f8">
				<td class="cell" width="115">Hồng ngoại</td>
				<td class="cell" width="251">Không</td></tr>
				<tr bgcolor="#f8f8f8">
				<td class="cell" width="115">Bluetooth</td>
				<td class="cell" width="251">Không</td></tr>
				<tr bgcolor="#f8f8f8">
				<td class="cell" width="115">Trò chơi</td>
				<td class="cell" width="251">Có sẵn trong máy</td></tr>
				<tr bgcolor="#f8f8f8">
				<td class="cell" width="115">Màu</td>
				<td class="cell" width="251">Black, Gray, Blue, Orchid</td></tr>
				<tr bgcolor="#f8f8f8">
				<td class="cell" width="115">&nbsp;</td>
				<td class="cell" width="251">- Nghe đài FM radio&nbsp;<br>- Vỏ màu dễ dàng thay đổi&nbsp;<br>- Đen pin&nbsp;<br>- Máy tính&nbsp;<br>- Ghi âm&nbsp;<br>- T9</td></tr>

				<tr bgcolor="#f8f8f8">
				<td class="cell" colspan="2" width="196">&nbsp;Thời gian hoạt động pin</td>
				<td class="cell" width="251">Pin chuẩn, Li-Ion 800 mAh (BL-5CB)</td></tr>
				<tr bgcolor="#f8f8f8">
				<td class="cell" colspan="2" width="196">&nbsp;Thời gian chờ</td>
				<td class="cell" width="251">Lên đến 528 giờ</td></tr>
				<tr bgcolor="#f8f8f8">
				<td class="cell" colspan="2" width="196">&nbsp;Thời gian đàm thoại</td>
				<td class="cell" width="251">Lên đến 8 giờ 30 phút</td></tr></tbody></table></td></tr></tbody>
</table>
		</div>
		<div class="tabsanpham tabcontent">
								<div class="group clearfix">
										<div class="items">
												<img  src="images/product/samsung_i9100_b.jpg" />
												<ul>
													<li class="sp-name">Samsung I9100 Galaxy S II</li>
													<li class="sp-price">Giá bán: 13,449,000 VNĐ</li><li class="buy"><a href="."> <img src="images/design/buttonbuy.png"/></a></li>									
												</ul>
										</div>
										<div class="items">
												<img  src="images/product/samsung_i9100_b.jpg" />
												<ul>
													<li class="sp-name">Samsung I9100 Galaxy S II</li>
													<li class="sp-price">Giá bán: 13,449,000 VNĐ</li><li class="buy"><a href="."> <img src="images/design/buttonbuy.png"/></a></li>								
												</ul>
										</div>
										<div class="items">
												<img  src="images/product/samsung_i9100_b.jpg" />
												<ul>
													<li class="sp-name">Samsung I9100 Galaxy S II</li>
													<li class="sp-price">Giá bán: 13,449,000 VNĐ</li><li class="buy"><a href="."> <img src="images/design/buttonbuy.png"/></a></li>								
												</ul>
										</div>
										<div class="items">
												<img  src="images/product/samsung_i9100_b.jpg" />
												<ul>
													<li class="sp-name">Samsung I9100 Galaxy S II</li>
													<li class="sp-price">Giá bán: 13,449,000 VNĐ</li><li class="buy"><a href="."> <img src="images/design/buttonbuy.png"/></a></li>								
												</ul>
										</div>
								</div>
								<div class="group clearfix">
										<div class="items">
												<img  src="images/product/samsung_i9100_b.jpg" />
												<ul>
													<li class="sp-name">Samsung I9100 Galaxy S II</li>
													<li class="sp-price">Giá bán: 13,449,000 VNĐ</li><li class="buy"><a href="."> <img src="images/design/buttonbuy.png"/></a></li>									
												</ul>
										</div>
										<div class="items">
												<img  src="images/product/samsung_i9100_b.jpg" />
												<ul>
													<li class="sp-name">Samsung I9100 Galaxy S II</li>
													<li class="sp-price">Giá bán: 13,449,000 VNĐ</li><li class="buy"><a href="."> <img src="images/design/buttonbuy.png"/></a></li>								
												</ul>
										</div>
										<div class="items">
												<img  src="images/product/samsung_i9100_b.jpg" />
												<ul>
													<li class="sp-name">Samsung I9100 Galaxy S II</li>
													<li class="sp-price">Giá bán: 13,449,000 VNĐ</li><li class="buy"><a href="."> <img src="images/design/buttonbuy.png"/></a></li>								
												</ul>
										</div>
										<div class="items">
												<img  src="images/product/samsung_i9100_b.jpg" />
												<ul>
													<li class="sp-name">Samsung I9100 Galaxy S II</li>
													<li class="sp-price">Giá bán: 13,449,000 VNĐ</li><li class="buy"><a href="."> <img src="images/design/buttonbuy.png"/></a></li>								
												</ul>
										</div>
								</div>
							</div>
		<div class="tabcomment tabcontent">
								<p>
									Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
									Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
									Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
								</p>
		</div>
	</div>
							
						</div>
					</div>			
				
				</div>
			</div>
			
		</div>
		<div class="clearfix"></div>
	</div>
	
	<div class="clearfix"></div>
</div>
<div id="footer">
	<div class="footer-left">
	<h2>Danh mục</h2>
		<ul>
			<li><a href="#">Trang chủ</a></li>
			<li><a href="#">Sản phẩm</a></li>
			<li><a href="#">Dịch vụ</a></li>
			<li><a href="#">Tin tức</a></li>
			<li><a href="#">Giới thiệu</a></li>
		</ul>			
	</div>
	<div class="footer-midle">
		<h2>Sản phẩm</h2>
		<ul>
			<li><a href="#">Nokia</a></li>
			<li><a href="#">Iphone</a></li>
			<li><a href="#">Samsung</a></li>
			<li><a href="#">Htc</a></li>
			<li><a href="#">LG</a></li>
		</ul>			
	</div>
	<div class="footer-midle">
		<h2>Liên hệ</h2>
		<ul>
			<li>Phạm minh Tuấn</li>
			<li>01696943457</li>
			<li></li>
			<li></li>
			<li><a href="mailto:pminhtuan89@gmail.com">Liện hệ qua mail</a></li>
		</ul>			
	</div>
	
	
</div>

</div>
		<div id="signup"> 
			<div id="signup-ct"> 
				<div id="signup-header"> 
					<h2>Đăng Nhập
					</h2> 
				</div> 
				
				<form action=""> 
     
				  <div class="txt-fld"> 
				    <label for="">Username</label> 
				    <input id="" class="good_input" name="" type="text" /> 
 
				  </div> 
				  <div class="txt-fld"> 
				    <label for="">Password</label> 
				    <input id="" name="" type="text" /> 
 
				  </div> 
				  <div class="btn-fld"> 
				  <button type="submit">Đăng Nhập</button> 
				   </div> 
				 </form> 
			</div> 
		</div>
</body>
</html>
